<template>
  <div class="more">
    <van-cell title="更多" title-class="cell-title" :border="false">
<!--      <template #right-icon>-->
<!--        <img class="img-cancel" src="../../src/assets/img/more/icon_cancel@2x.png">-->
<!--      </template>-->
    </van-cell>
    <div class="block-bor">
      <div class="block-title">钱包地址</div>
      <div class="block-text">{{walletAddr}}</div>
    </div>
    <div class="more-list">
<!--      <div>-->
<!--        <van-cell title-class="cell-title" :border="false" :icon="item.icon" :title="item.title" is-link :to="item.to" />-->
<!--        <div v-if="item.border" class="border"></div>-->
<!--        <div v-else class="split"></div>-->
<!--      </div>-->


      <div v-for="(item, index) in list" :key="index">
        <van-cell title-class="cell-title" :border="false" :icon="item.icon" :title="item.title" is-link
          :to="item.to" />
        <div v-if="item.border" class="border"></div>
        <div v-else class="split"></div>
      </div>
    </div>
     
  </div>
</template>
<script>
   
  import {state} from "../dapp";

  import icon1 from '../../src/assets/img/more/icon_eliminate@2x.png'
  import icon2 from "../../src/assets/img/more/icon_transaction@2x.png"
  import icon3 from "../../src/assets/img/more/icon_record@2x.png"
  import icon4 from "../../src/assets/img/more/icon_property@2x.png"
  import icon5 from "../../src/assets/img/more/icon_invite@2x.png"
  import icon6 from "../../src/assets/img/more/icon_friend@2x.png"
  import icon7 from "../../src/assets/img/more/icon_strategy@2x.png"
  import icon8 from "../../src/assets/img/more/icon_notice@2x.png"

  export default {
     
    data() {
      return {
        walletAddr:state.address,
        list: [
          // {
          //   title: "添加流动性",
          //   icon: icon1,
          //   to: "addLp",
          //   border: true
          // },
            {
          title: "PT销毁挖矿",
          icon: icon1,
          to: "destroy",
          border: true
        }, {
          title: "PLAY交易挖矿",
          icon: icon2,
          to: "/",
          border: true
        }, {
          title: "PT兑换记录",
          icon: icon3,
          to: "staticRecord",
          border: true
        }, {
          title: "资产",
          icon: icon4,
          to: "walletGm"
        }, {
          title: "邀请好友",
          icon: icon5,
          to: "invite",
          border: true
        }, {
          title: "我的好友",
          icon: icon6,
          to: "myFriend"
        }, {
          title: "玩法攻略",
          icon: icon7,
          to: "/noticeDetail?id=3&head=0",
          border: true
        }, {
          title: "公告",
          icon: icon8,
          to: "notice"
        },
        //   {
        //   title: "退出",
        //   icon: "../../src/assets/img/more/icon_quit@2x.png",
        //   to: "index"
        // }
        ]
      }
    }
  }

</script>
<style lang="less" scoped>
  :deep(.cell-title) {
    text-align: left;
    color: #fff;
    font-size: 15px;
  }

  :deep(.van-icon__image) {
    width: 24px;
    height: 24px;
    margin-right: 15px;
  }

  :deep(.van-cell__right-icon) {
    font-size: 20px;
  }

  .more {
    margin-bottom: 65px;

    .img-cancel {
      height: 12px;
      width: 12px;
    }

    .van-cell {
      background: #0B0C1C;
      align-items: center;
      padding: 0 15px;
      height: 49px;
    }

    .more-list {
      .van-cell {
        height: 54px;
        background: linear-gradient(136deg, #14181B 0%, #222020 100%);
      }

      .border {
        position: relative;
      }

      .border:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #AD9475;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
      }

      .split {
        background: #0B0C1C;
        height: 5px;
      }
    }
  }

</style>
